<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>simple</title>
        <link rel="stylesheet" href="./css/bootstrap.css" />
        <!-- 切换成完全体  -->
        <!-- <script src="./js/bootstrap.js"></script> -->
        <script src="./js/bootstrap.bundle.js"></script>
        <link rel="stylesheet" href="./css/bs-slide.css" ></link>
    </head>
    <body>
        <div class="dropdown btn-group" style="float:right">
            <!-- dropdown 是通过父组件内 兄弟关系 弱关联 -->
            
                <button class="btn btn-danger"  
                >个人信息
                </button>
                <!-- dropdown-toggle-split 不重要 仅仅是调控按钮大小 -->
                <button class="btn btn-danger 
                dropdown-toggle dropdown-toggle-split"  
                data-bs-toggle="dropdown" 
            
                >
                </button>
               <div class="dropdown-menu" >
                   <div>切换账号</div>
                   <div>注销</div>
               </div>
        </div>
    </body>
</html>